<!-- Dom模板 -->
<template>
  <div>
    <!-- Dom内容 -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :page-sizes="[5,10,15,20]"
      :page-size="num"
      :background="true"
      layout="prev, pager, next,sizes, jumper"
      :total="pageData.length">
    </el-pagination>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: '',
  data() {
    return {
        currentPage1: 5,
        currentPage2: 5,
        currentPage3: 5,
        currentPage4: 4,

    }
  },
  props:["pageData","handleSizeChange","handleCurrentChange","num"],
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
      
  },
  // Vue方法定义
  methods: {
    
  }
}
</script>

<style>
/* @import url(''); 引入css类 */
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  background:#fff;
}
</style>